<template>
  <div class="control">
    <div>
      <h6>RGB</h6>
    </div>
    <div class="slider">
      <Slider title="R" :min="0" :max="255" />
      <Slider title="G" :min="0" :max="255" />
      <Slider title="B" :min="0" :max="255" />
    </div>
  </div>
</template>

<script lang="ts">
import Slider from '@/views/Home/components/Slider/index.vue';
export default {
  name: "index",
  components: { Slider },
}
</script>

<style scoped lang="scss">

.control {
  width: 300px;
  padding: 6px 0 9px 10px;
  border:1px solid #777777;
  border-radius: 10px;
  margin-bottom: 13px;
}

</style>
